@charset "utf-8";
body,
ul,
li,
dl,
dt,
dd,
p,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
form,
img,
table,
fieldset,
legend {
    margin: 0;
    padding: 0;
}

ul,
li,
ol {
    list-style: none;
}

img,
fieldset {
    border: 0;
}

img {
    display: block;
}

a {
    text-decoration: none;
    color: #333;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 100;
}

body {
    font-size: 10px;
    font-family: "微软雅黑";
}

input,
a {
    outline: none;
}
header{
    width:100%;
    height:60px;
}
.header-{
    width:901px;
    height:60px;
    margin: 0 auto;
}
h2{
    float: left;
    width:98px;
    height:47px;
    margin-left: 8px;
    margin-top: 5px;
}
.header-right{
    ul{
        li:nth-child(1){
            background: #272727;
            a{
                color: white;
                
            }
        }
    }
}
.logo{
    width:100%;
    height:383px;
    img{
    width:901px;
     height:383px;
    margin: 0 auto;
    }
}
.main{
    width:100%;
    min-height:696px;
}
.main:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
.main-{
    width:901px;
    min-height:696px;
    margin: 0 auto;
}
.main-:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
//国内名著
.main-1{
    width:901px;
    height:340px;
    label{
        font-size: 24px;
        margin-left: 30px;
       
    }
     ul{
         margin-top: 15px;
         margin-left: 30px;
            width:870px;
            height:300px;
            li{
                float: left;
                width:387px;
                height:110px;
                a{
                    img{
                        line-height: 110px;
                        float: left;
                    }
                    .main-1-nav{
                        margin-top: 12px;
                        float: right;
                        width:257px;
                        height:90px;
                        overflow: hidden;
                        h3{
                            font-size: 18px;
                        }
                        p{
                            font-size: 10px;
                            text-overflow: ellipsis;
                        }
                    }
                    
                }
            }
            li:nth-child(even){
                margin-left: 96px;
            }
            li:nth-child(3){
                margin-top: 48px;
            }
            li:nth-child(4){
                margin-top: 48px;
            }
        }
}
.main-1:nth-child(1){
    ul{
        li:nth-child(2){
           a{
               img{
                    margin-top: 8px;
               }
           }
        }
        li:nth-child(3){
            a{
                img{
                    margin-top: 6px;
                }
            }
        }
    }
}
.main-1:nth-child(2){
    ul{
        li:nth-child(1){
            height:117px;
            a{
                img{
                    margin-top:6px;
                }
            }
        }
        li:nth-child(2){
           height:117px;
        }
        li:nth-child(3){
            height: 120px;
        }
        li:nth-child(4){
            height: 120px;
        }
    }
}
.main-1:nth-child(3){
    ul{
        li:nth-child(2){
          a{
              img{
                    margin-top: 10px;
              }
          }
        }
        li:nth-child(3){
            height: 120px;
        }
        li:nth-child(4){
            height: 120px;
        }
    }
}
.main-1:nth-child(4){
    margin-bottom: 35px;
    ul{
        li{
            height:120px;
        }

    }
   
}



























